<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
<f:view contentType="text/html">
	<h:body>
		<ui:composition template="/secured/workarea.xhtml">
			<ui:define name="espacio_trabajo">

				<h:form id="form">
					<table>
						<tr>
							<td align="left">
								<div class="breadcrumb flat" style="text-align: left">
									<h:commandLink action="#{menuBean.regresaInicio}"
										value="Inicio" />
									<h:outputLink value="#" styleClass="active">#{msg.equipo}</h:outputLink>
								</div>
							</td>
						</tr>
					</table>
					<p:growl id="growl" showDetail="true" />
					<p:panel>
						<h:outputText value="#{msg.frsEquipos}" style="text-align:left;" />
					</p:panel>
					<p:panel>
						<h:panelGrid columns="4" style="text-align:left;">
							<p:commandButton id="nuevoButton" value="#{msg.nuevo }"
								icon="ui-icon-plusthick" onclick="nuevoDialog.show()"
								update=":form:displayNuevo, growl" />
							<p:commandButton id="viewButton" value="#{msg.ver }"
								icon="ui-icon-search" oncomplete="verDialog.show()"
								update=":form:displayVer, growl" />
							<p:commandButton id="editarButton" value="#{msg.editar }"
								icon="ui-icon-pencil" onclick="editarDialog.show()"
								update=":form:displayEditar, growl" />
							<p:commandButton id="deleteButton" value="#{msg.eliminar }"
								icon="ui-icon-trash" onclick="borrarDialog.show()"
								update="growl" />
						</h:panelGrid>
					</p:panel>
					<p:panel>
						<p:dataTable id="table" value="#{beanEquipo.listaEquipos}"
							var="equipo" rowKey="#{equipo.idEquipo}" paginator="true"
							selection="#{beanEquipo.equipoSelected}"
							filteredValue="#{beanEquipo.filteredList }"
							paginatorPosition="bottom" rows="#{beanTabla.noRegistros}">
							<p:column selectionMode="single" style="width:2%" />
							<p:column id="eqTipo" headerText="#{msg.tipo}"
								filterBy="#{equipo.dscTipo }" sortBy="#{equipo.dscTipo}">
								<h:outputText value="#{equipo.dscTipo}" />
							</p:column>
							<p:column id="eqCve" headerText="#{msg.clave}"
								sortBy="#{equipo.clave}" filterBy="#{equipo.clave }">
								<h:outputText value="#{equipo.clave}" />
							</p:column>
							<p:column id="eqDsc" headerText="#{msg.descripcion}"
								filterBy="#{equipo.dsc }" sortBy="#{equipo.dsc}">
								<h:outputText value="#{equipo.dsc}" />
							</p:column>

						</p:dataTable>
						<h:panelGroup>
						<h:panelGrid columns="3" style="text-align:left;">
							<h:outputText value="#{msg.registrosPP}"
								style="font-size:x-small" />
							<h:panelGroup>
								<h:inputText size="3"
									style="font-size:x-small; height:15px; width:25px"
									value="#{beanTabla.registros}" id="noRegistrosPP" />
								<p:watermark value="#{beanTabla.noRegistros}"
									for="noRegistrosPP" />
							</h:panelGroup>
							<p:commandButton icon="ui-icon-arrowrefresh-1-w"
								style="font-size:x-small" update="table"
								actionListener="#{beanTabla.actualizaRegistros}" />
						</h:panelGrid>
					</h:panelGroup>
					</p:panel>
					<!-- Panel de Ver -->
					<p:dialog id="dialog" header="#{msg.ver}" widgetVar="verDialog"
						draggable="false" position="top" modal="true">
						<h:panelGrid id="displayVer" columns="2" cellpadding="4" style="text-align:left;">
							<h:outputText value="#{msg.clave}" />
							<p:inputText readonly="true"
								value="#{beanEquipo.equipoSelected.clave}"
								style="font-weight:bold; height:100%" />
							<h:outputText value="#{msg.descripcion}" />
							<p:inputText readonly="true"
								value="#{beanEquipo.equipoSelected.dsc}"
								style="font-weight:bold; height:100%" />
							<h:outputText value="#{msg.tipoEquipo}" />
							<p:inputText readonly="true"
								value="#{beanEquipo.equipoSelected.dscTipo}"
								style="font-weight:bold; height:100%" />
							<h:outputText value="#{msg.activo}" />
							<p:inputText readonly="true"
								value="#{beanEquipo.equipoSelected.activo == 1 ? 'Si' : 'No' }"
								style="font-weight:bold; height:100%" />
						</h:panelGrid>
						<p:commandButton id="aceptarVerBtn" value="#{msg.aceptar }"
							icon="ui-icon-check" onclick="verDialog.hide()" />
					</p:dialog>
					<!-- Fin de panel de Ver -->
					<!--  Inicio panel de Nuevo -->
					<p:dialog id="dialogNuevo" header="#{msg.frsNuevoRegistro}"
						widgetVar="nuevoDialog" closable="true" modal="true"
						position="top" draggable="false" width="400">
						<h:panelGrid columns="2" width="100%" id="displayNuevo" style="text-align:left;">
							<h:outputText value="#{msg.clave}*" />
							<p:inputText value="#{beanEquipo.equipoNuevo.clave}"
								label="Clave"
								style="width: 260px;font-weight:bold; height:100% " />
							<h:outputText id="nombrePopupNuevoLabel"
								value="#{msg.descripcion}" />
							<p:inputText id="nombrePopupNuevo"
								value="#{beanEquipo.equipoNuevo.dsc }"
								style="width: 260px;font-weight:bold; height:100% " />
							<h:outputText id="responsablePopupNuevoLabel"
								value="#{msg.tipoEquipo }*" />
							<p:selectOneMenu id="selectTipoNuevo"
								style="width: 260px;font-weight:bold; height:100% "
								label="TipoEquipo" value="#{beanEquipo.idCatGralNuevo }">
								<f:selectItem itemLabel="#{msg.seleccionarTipoEq }" itemValue="" />
								<f:selectItems
									value="#{beanEquipo.listaSelectTiposEquipoCatGral }" />
							</p:selectOneMenu>
							<h:outputText id="activoPopupNuevoLabel" value="#{msg.activo}*" />
							<h:selectBooleanCheckbox id="activoPopupNuevo" label="Activo"
								value="#{beanEquipo.nuevoActivo}">
							</h:selectBooleanCheckbox>
						</h:panelGrid>
						<h:panelGrid style="float: right;" columns="2">
							<p:commandButton value="#{msg.aceptar }" icon="ui-icon-check"
								oncomplete="nuevoDialog.hide()"
								actionListener="#{beanEquipo.save }" update=":form:table, growl" />
							<p:commandButton value="#{msg.cancelar }"
								icon="ui-icon-closethick" oncomplete="nuevoDialog.hide()"
								actionListener="#{beanEquipo.saveCancel }" />
						</h:panelGrid>
					</p:dialog>
					<!-- Fin de panel de nuevo -->
					<!-- Inicio de panel de edicion -->
					<p:dialog id="dialogEditar" header="#{msg.frsEditarRegistro}"
						position="top" widgetVar="editarDialog" closable="true"
						modal="true" draggable="false" width="400">
						<h:panelGrid columns="2" width="100%" id="displayEditar" style="text-align:left;">
							<h:outputText value="#{msg.clave}" />
							<h:panelGroup>
								<p:inputText id="selectedCve"
									value="#{beanEquipo.selectedClaveEdit}"
									style="width: 260px;font-weight:bold; height:100% " />
								<p:watermark for="selectedCve"
									value="#{beanEquipo.equipoSelected.clave }" />
							</h:panelGroup>
							<h:outputText value="#{msg.descripcion}" />
							<h:panelGroup>
								<p:inputText id="inputNombreSelected"
									style="width: 260px;font-weight:bold; height:100% "
									value="#{beanEquipo.selectedDscEdit }" />
								<p:watermark for="inputNombreSelected"
									value="#{beanEquipo.equipoSelected.dsc }" />
							</h:panelGroup>
							<h:outputText value="#{msg.tipoEquipo}" />
							<p:selectOneMenu id="selectTipoSelected"
								style="width: 260px;font-weight:bold; height:100% "
								value="#{beanEquipo.idCatGralSelected }">
								<f:selectItem itemLabel="#{msg.seleccionarTipoEq }" itemValue="" />
								<f:selectItems
									value="#{beanEquipo.listaSelectTiposEquipoCatGral }" />
							</p:selectOneMenu>
							<h:outputText id="activoPopupEditLabel" value="#{msg.activo}" />
							<h:selectBooleanCheckbox id="activoPopupEdit"
								value="#{beanEquipo.selectedActivo}">
							</h:selectBooleanCheckbox>
						</h:panelGrid>
						<h:panelGrid style="float: right;" columns="2">
							<p:commandButton value="#{msg.aceptar }" icon="ui-icon-check"
								oncomplete="editarDialog.hide()"
								actionListener="#{beanEquipo.update }"
								update=":form:table, growl" />
							<p:commandButton value="#{msg.cancelar }"
								icon="ui-icon-closethick" oncomplete="editarDialog.hide()"
								actionListener="#{beanEquipo.canceldelete }" />
						</h:panelGrid>
					</p:dialog>
					<!-- Fin de panel de edicion -->
					<!-- Panel de borrado -->
					<p:confirmDialog showEffect="fade" widgetVar="borrarDialog"
						header="#{msg.confirmar }" message="#{msg.frsBorrarConfirmacion }">
						<p:commandButton value="#{msg.aceptar }"
							actionListener="#{beanEquipo.delete}" update="table, growl"
							styleClass="ui-confirmdialog-yes" icon="ui-icon-check"
							oncomplete="borrarDialog.hide()" />
						<p:commandButton value="#{msg.cancelar }" type="button"
							styleClass="ui-confirmdialog-no" icon="ui-icon-close"
							onclick="borrarDialog.hide()" />
					</p:confirmDialog>
					<!-- Fin de panel de borrado -->
				</h:form>

			</ui:define>
		</ui:composition>
	</h:body>
</f:view>
</html>